<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Grima Portal</title>
	<link rel="stylesheet" type="text/css" href="css/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/icon.css">
	<link rel="stylesheet" type="text/css" href="css/portal.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.easyui.min.js"></script>

</head>
<body class="easyui-layout">
	
    <div id="header" data-options="region:'north',border:false"></div>
    <div id="menu" data-options="region:'west',split:true,title:' '" style="width:250px;"></div>
    <div data-options="region:'east',split:true,collapsed:true,title:' '" style="width:250px;padding:10px;"></div>
    <div id="footer" data-options="region:'south',border:false"></div>
    <div data-options="region:'center',title:'Tarefa 0006 : Tratar Imagens'">
		<div style="margin:5px">
			<a href="#" title="Gravar" onclick="saveTask();"><i class="fa fa-save" style="font-size:18px;color:green;padding:5px;"></i></a>
			<a href="#" title="Concluir" onclick="finishTask();"><i class="fa fa-flag-checkered" style="font-size:18px;color:green;padding:5px;"></i></a>
			<a href="tasks.html" title="Voltar"><i class="fa fa-mail-reply" style="font-size:18px;color:green;padding:5px;"></i></a>
		</div>
		<br/>
    
		<div class="easyui-tabs" >
			<div title="Tarefa" style="padding:10px">
			    <form id="ff" method="post">
			    	<table >
			    		<tr>
			    			<td width="150px"><b>Id:</b></td>
			    			<td>0006</td>
			    		</tr>
			    		<tr>
			    			<td><b>Processo:</b></td>
			    			<td><a href="processDetails.html">Ordem de Serviço</a></td>
			    		</tr>
			    		<tr>
			    			<td><b>Nome:</b></td>
			    			<td>Tratar Imagens</td>
			    		</tr>
			    		<tr>
			    			<td><b>Prioridade:</b></td>
			    			<td>Baixa</td>
			    		</tr>
			    		<tr>
			    			<td><b>Solicitante:</b></td>
			    			<td>Usuário 1</td>
			    		</tr>
			    		<tr>
			    			<td><b>Data de Criação:</b></td>
			    			<td>09/06/2014</td>
			    		</tr>
			    		<tr>
			    			<td><b>Prazo:</b></td>
			    			<td>06/07/2014</td>
			    		</tr>
			    	</table>
			    </form>
			
			</div>

			<div title="Ordem" style="padding:10px">
				<div id="orderHeader"></div>
			</div>
			
			<div title="Itens" style="padding:10px">
				<div id="orderItems"></div>		
			</div>
			
			<div title="Fluxo de trabalho" style="padding:10px; text-align: center;">
				<img src="img/serviceOrder.png">			
			</div>
		</div>
    </div>

	<style scoped="scoped">
		.textbox{
			height:20px;
			margin:0;
			padding:0 2px;
			box-sizing:content-box;
		}
	</style>
	<script>
		function finishTask(){
		}
		function saveTask(){
		}
	</script>
	<script>
		$('#header').load('header.html');
		$('#footer').load('footer.html');
		$('#menu').load('menu.html');
		$('#orderHeader').load('orderHeader.html');
		$('#orderItems').load('orderItems.html');
	</script>

</body>
</html>